﻿<!DOCTYPE >
<html>

	<head>
		<meta content="text/html; charset=utf-8" />
		<title>仿凡客诚品详细页面jquery图片放大镜图片特效</title>
		<link rel="stylesheet" type="text/css" href="css/big.css" />
	</head>

	<body>
		<div class="preview">
			<div id="vertical" class="bigImg">
				<img src="mid/05.jpg" width="800" height="400" alt="" id="midimg" />
				<div style="display:none;" id="winSelector"></div>
			</div>
			<!--bigImg end-->
			<div class="smallImg">
				<div class="scrollbutton smallImgUp disabled"></div>
				<div id="imageMenu">
					<ul>
						<li id="onlickImg"><img src="small/05.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/02.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/03.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/04.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/01.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/06.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/04.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/01.jpg" width="68" height="68" alt="洋妞" /></li>
						<li><img src="small/01.jpg" width="68" height="68" alt="洋妞" /></li>
					</ul>
				</div>
				<div class="scrollbutton smallImgDown"></div>
			</div>
			<!--smallImg end-->
			<!--style="display:none;"-->
			<div id="bigView">
				<img alt="" src="" />
			</div>
		</div>
		<!--preview end-->
		<script type="text/javascript" src="js/jquery.1.4.2-min.js" charset="utf-8"></script>
		<script src="js/big.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>